<template>
  <div class="home">
    <!-- Logo图表显示 -->
    <el-row type="flex" align="middle"><img style="width: 100px; height: 100px" src="@/assets/logo.png"/>
      这里仅显示图表，可以根据需要布局首页内容
    </el-row>
    <!-- 分割线  商品分类销售统计-->
    <el-divider></el-divider>
    <order-sum-by-category-echar></order-sum-by-category-echar>

    <!-- 分割线  XX年商品月度销售统计-->
    <el-divider></el-divider>
    <order-month-echar></order-month-echar>
  </div>
</template>

<script>
import OrderSumByCategoryEchar from './components/OrderSumByCategoryEchar.vue';
import OrderMonthEchar from './components/OrderMonthEchar.vue';

export default {
  name: 'home',
  components: {
    OrderSumByCategoryEchar,
    OrderMonthEchar
  },
  data() {
    return {};
  },
  methods: {}
};
</script>

<style lang="scss" scoped></style>
